<template>
  <div class="ucenter-wrapper">
    <div class="ucenter-notice-wrapper wrapper">
      <news-page-header>我的设置</news-page-header>

      <div data-spm="funlist2" class="menu-list-wrapper comment-menu-list noborder">
        <a href="#" @click="toSaveCenter">
          <div class="menu-wrapper">
            <!---->
            <div class="menu-content">
              <div class="menu-text">安全中心</div>
              <div class="menu-enter glyph glyph-left mirror">
                <i class="glyph-right myicon"></i>
              </div>
            </div>
          </div>
        </a>
        <a href="https://m.sohu.com/ucenter/privacy">
          <div class="menu-wrapper">
            <!---->
            <div class="menu-content">
              <div class="menu-text">隐私政策</div>
              <!---->
              <!---->
              <div class="menu-enter glyph glyph-left mirror">
                <i class="glyph-right myicon"></i>
              </div>
            </div>
          </div>
        </a>
        <a href="https://m.sohu.com/ucenter/service">
          <div class="menu-wrapper">
            <!---->
            <div class="menu-content">
              <div class="menu-text">服务协议</div>
              <!---->
              <!---->
              <div class="menu-enter glyph glyph-left mirror">
                <i class="glyph-right myicon"></i>
              </div>
            </div>
          </div>
        </a>
      </div>
      <div
        class="button-wrapper system"
        style="position: absolute; color: rgb(61, 61, 61); margin: 0.533333rem 0.4rem; bottom: 0px;">
        <h2 class="title1 abs" @click="loginOut">退出登录</h2>
      </div>
      
      <!-- <div class="all-screen m-alert none">
        <div class="alert-box">
          <div class="alert-box-inner">
            <div class="alert-title">操作提示</div>
            <div class="alert-body">
              <div>确定要退出当前登录帐号？</div>
            </div>
            <div class="alert-footer">
              <span class="alert-button">取消</span>
              <span class="alert-button alert-ensure-button">确定</span>
            </div>
          </div>
        </div>
      </div> -->
    </div>
  </div>
</template>

<script>
import newsPageHeader from "../news/newsPageHeader";

export default {
  data() {
    return {};
  },
  components: { newsPageHeader },
  methods: {
    toSaveCenter() {
      this.$router.push({ name: "saveCenter" });
    }
    ,loginOut(){
      localStorage.removeItem("sohuToken");
          localStorage.removeItem("sohuUsername");
          this.$router.push({ name: "login" });
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {}
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.menu-list-wrapper {
  border: none;
}
.button-wrapper.system {
  width: 9.2rem;
  height: 1.17333333rem;
  background: orange;
  border-radius: 0.51333333rem;
}
.button-wrapper {
  border: 0.05333333rem;
}
.button-wrapper.system h2 {
  font-size: 20px;
  font-weight: 100;
}
.button-wrapper.system h2 {
  color: #fff;
}
.button-wrapper .title1 {
  text-align: center;
  /* font-size: .24rem; */
  line-height: 0.53333333rem;
  width: 100%;
}

.abs {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
</style>
